import React from 'react'
import {Select} from "antd"
import { useTranslation } from 'react-i18next';
function Index() {
  const { t, i18n } = useTranslation();
  return (
    <div>
    
    <Select
      defaultValue="lucy"
      style={{ width: 120 }}
      onChange={(value)=>i18n.changeLanguage(value)}
      value={i18n.language}
      options={[
        { value: 'zh', label: '中文' },
        { value: 'en', label: '英文' },
      ]}
    />

    <h1>{t($ => $['tian'])}</h1>
    <h1>{t($ => $['xia'])}</h1>
    <h1>{t($ => $['wu'])}</h1>
    <h1>{t($ => $['di'])}</h1>
    </div>
  )
}

export default Index
